@rem:20rem;
.w-e-text p{
  margin:  0; 
}
.chat{
   min-height: 1000px;
   .chatList{
      padding: 30/@rem 0 ;
      background: #fff;
      box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
      border-radius:5px;
      margin-bottom: 20/@rem;
      .pin-header-row{
         display: flex;
         justify-content:space-between;
         align-items: center;
         padding: 0 20px;
        .account-group{
          display: flex;
          align-items:center;
          .user-info{
            margin-left: 1rem;
            span{
              font-size: 1.5rem;
              font-weight: 600;
              color: #2e3135;
            }
            p{
              color: #8a9aa9;
              font-size: 13px;
              margin-top: 5px;
            }
          }
          .avatar{
            width: 80/@rem;
            height: 80/@rem;
            border-radius: 50%;
            display: block;
            font-size: 16px;
            color:#fff;
            text-align: center;
            line-height: 80/@rem;
            background-color:#007fff;
            margin:16/@rem 0;
          }
         }
         .follow{
            text-align: right;
         }
        }
        .pin-content{
          margin:0 130/@rem;
          font-size: 15px;
          line-height: 1.6;
          color: #17181a;
          word-wrap: break-word;
          word-break: break-all;
          margin-bottom: 50/@rem
        }
        .pin-active{
          margin:0 20px 0 130/@rem;
          .item{
            margin-right: 15/@rem;
          }
          .reply_content{
              margin: 1rem 0;
              padding: 15/@rem;
              background-color: #fafbfc;
              border-radius: 3px;
          }
          .reply_content p{
              margin-top: .55rem;
              font-size: 1.083rem;
              line-height: 1.833rem;
              word-wrap: break-word;
              word-break: break-all;
              color: #505050;
          }
          .reply_icon{
            display: flex;
            align-items:center;
            div{
               width: 5%;
               display: flex;
               align-items:center;
               margin-right: 30/@rem;
               img{
                cursor: pointer;
                width: 35/@rem;
                height: 35/@rem;
                margin-right: 10/@rem;
               }
            }
            span{
               display: inline-block;
               font-size: 16/@rem;
               color:#8590a6;
               cursor: pointer;
            }
          }
          .replyinput{
            display: flex;
            align-items:center;
          }
          .comment_text{
             display: flex;
             margin-bottom: 20/@rem;
          }
          .tweet-editor {
              font-size: 15/@rem;
              width: 90%;
              height: 100/@rem;
              padding: 25/@rem 40/@rem;
              resize: none;
              border: 3/@rem solid #d8d8d8;
              border-right: none;
              border-top-left-radius: 4/@rem;
              border-bottom-left-radius: 4/@rem;
          }
        }
   }
   .editor-container{
      background:#fff;
      padding:30/@rem;
      .editor_title{
         font-size: 14px;
         font-weight: bold;
         margin-bottom: 20/@rem
      }
      .goLogin{
         width: 100%;
         height: 100%;
         position: relative;
         span{
          position:absolute;
          top:47%;
          left: 45%;
          cursor: pointer;
          color: #007fff
         }
      }
      .editor{
        border:0.05rem solid #ccc;
        background:#f2f2f2;
        padding:30/@rem;
        height: 470/@rem;
      }
   }
}

